<template>
  <div class='mymovie'>
    <!-- 顶部导航 -->
    <Navbar />
    <!-- 二级路由 -->
    <div class="wrapper">
      <RouterView />
    </div>
    <!-- 底部菜单 -->
    <BottomMenu />
  </div>
</template>
<script>
import Navbar from './Navbar.vue'
import BottomMenu from './BottomMenu.vue'

export default {
  name: 'Home',
  components: { Navbar, BottomMenu }
}
</script>
<style scoped>
.mymovie {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
}
</style>
